<template>
	<div class="container">
		<router-link to="/test">
			<span>点击加载test页面</span>
		</router-link>
	</div>
	
	<div class="content">
		<router-view></router-view>
	</div>
</template>

<script>
	import {DesktopOutlined,FileOutlined,PieChartOutlined,TeamOutlined,UserOutlined} from '@ant-design/icons-vue';
	import {defineComponent,ref} from 'vue';
	import TestComponent from './Test.vue';

	
	export default {
		name: 'test',
		components: {
			TestComponent,
		},
	}
</script>

<style>
	.container {
		background-repeat: no-repeat;
		background-position: center 110px;
		background-size: 100%;
		background-color: yellow;
		height: 20vh;
		display: flex;
		flex-direction: column;
	}
	
	.content {
		width: 100%;
		height: 500px;
		border: 1px solid red;
	}
</style>